<script setup lang="ts">
const { availableLocales, locale } = useI18n();

const localesLong: Record<string, string> = {
  zh: '中文',
  en: 'English',
  es: 'Español',
  fr: 'Français',
  pt: 'Português',
  ru: 'Русский',
  uk: 'Українська',
  vi: 'Tiếng Việt',
};

// const localeOptions = computed(() =>
//   availableLocales.map(locale => ({
//     label: localesLong[locale] ?? locale,
//     value: locale,
//   })),
// );
const localeOptions = [
  { label: '中文', value: 'zh' },
  { label: 'English', value: 'en' },
];
</script>

<template>
  <c-select
    v-model:value="locale"
    :options="localeOptions"
    placeholder="选择您的语言"
    w-100px
  />
</template>
